<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" charset="UTF-8"/>	
	   	<title>邀请</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/invite.css"/>
	</head>
	<body>
		<div class="linearbg" style="height:auto;width: 100%;">
			<!--banner2-->
			<div class="bannerbox">
				<img src="img/banner3.png"/>
				 <br style="clear:both;">
			</div>
			<!--用户信息-->
			<div class="userbox">
				<img src="img/colud.png"/>
				<div class="userimg">
					<img src="img/user3.png"/>
					<span class="username">
						小可爱
					</span>
				</div>
				<p class="votenum">您已累计<i>X</i>票,邀请好友助力即可免费领取实体书</p>
			</div>
			<!--邀请按钮-->
			<div class="btnbox">
				<!--<a href="help.html"></a>-->
				<a href="javascript:;" onclick="alertImg()"></a>
				<img src="img/ivitebtn.png"/>
			</div>
			<!--助力规则-->
			<div class="rulebox">
				<h3>助力规则</h3>
				<p>1、活动时间：2018-05-18到2018-05-29</p>
				<p>2、将本页面发送给好友，好友助力成功后， 票数将累计增加1票，累计达到50票， 即可免费领取【笔稿】送出的实体</p>
			</div>
		</div>
		<!--弹窗-->
		<div id="alertbody" class="alertbody" onclick="hidealert()">
		</div>
	</body>
	<script type="text/javascript">
		//弹窗
		function alertImg(){
			document.getElementById("alertbody").style.display = "block";
			document.getElementById("alertbody").innerHTML = '<img src="img/invite.png"/>';
		}
		function alertTxt(){
			document.getElementById("alertbody").style.display = "block";
			document.getElementById("altcontent").style.display = "block";
			document.getElementById("altcontent").innerHTML = '<h3>扫描二维码，关注公众号</h3> <h3>一切尽在不言中~</h3><button onclick="hidealert()">确定</button>';
		}
		function hidealert(){
			document.getElementById("alertbody").style.display = "none";
			document.getElementById("altcontent").style.display = "none";
		}
	</script>
</html>
